@charset "utf-8";

.index-banner{position: relative;}
.index-banner .swiper-container{width: 100%;height: 13rem;}
.index-banner .swiper-slide img{width: 100%;height: 100%;overflow: hidden;}
.index-banner .swiper-pagination{color: #fff;font-size: .6rem;bottom: .4rem;}
.swiper-pagination-bullet {width: 4px;height: 4px;background: #E0E5ED;opacity: 1;}
.swiper-pagination-bullet-active {width: 12px;background: #FCDF4C;border-radius: 30%;}

.index-banner .banner-cover-top{position: absolute;left: 0;right: 0;margin: auto;top: 0;z-index: 10;padding: .75rem;}
.index-banner .banner-cover-top img{height: 1.5rem;vertical-align: text-bottom;}
.index-banner .fix-top{position: fixed;top: 0;z-index: 12;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);background: #fff;}

.index-banner .for-logo{color: #fff;font-size: .65rem;}

/* .index-banner .banner-cover-bottom{position: absolute;left: .75rem;right: .75rem;margin: auto;bottom: 1.8rem;z-index: 10;}
.index-banner .banner-cover-bottom .search{background: #fff;position: relative;border-radius: 1rem;width: 85%;margin: auto;}
.index-banner .banner-cover-bottom .fa-search{color: #747576;position: absolute;top: .45rem;left: .7rem;}
.index-banner .banner-cover-bottom .search-input{display: inline-block!important;font-size: .63rem;line-height: 1.75rem;min-height: 1.2rem;padding-left: 2rem;} */

.index-nav>ul li{width: 33.33%;float: left;text-align: center;margin-bottom: .3rem;}
.index-nav>ul a{display: block;}
.index-nav>ul a img{width: 3rem;}
.index-nav>ul a p{font-size: .6rem;color: #474747;margin-top: -.4rem;}

.aui-list-item-arrow:before{border-color: #959AA6;top: .63rem;width: .3rem;height: .3rem;}
.hot-circle, .index-union, .special, .famous, .index-tui{margin: 0 .5rem;position:relative;padding: 0 .4rem;}
.common-title-h3 a.tips{float: right;font-size: .6rem;color: #959AA6;padding-top: .2rem;padding-right: .2rem;}
.hot-circle ul.type{margin-top: .1rem;margin-bottom: .05rem;}
.hot-circle ul.type li{float: left;width: 25%;margin-top: .3rem;}
.hot-circle ul.type li a{display: block;color: #333;font-weight: bold;width: 93%;margin: auto;background: #F5F5F5;text-align: center;font-size: .7rem;padding: .35rem 0;border-radius: .4rem;}
.hot-circle ul.type li.active a{background: #38B3FF;color: #fff;}

#hot-circle-swiper{width: 100%;}
#hot-circle-swiper .hot-circle-list{float: left;width: 50%;padding: 0 .2rem;margin: .3rem 0;position: relative;} 
/* 按比例缩放 4:3 */
#hot-circle-swiper .hot-circle-list .back{width:100%;height:0;padding-bottom: 75%;overflow:hidden;border-radius: .5rem;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
#hot-circle-swiper .hot-circle-list .info{position: absolute;bottom: 0;left: .2rem;right: .2rem;padding: 0 .3rem;border-radius: 0 0 .5rem .5rem;background: url(../images/index-bg.svg) repeat-x;}
#hot-circle-swiper .hot-circle-list .info p{color: #fff;font-size: .6rem;}
#hot-circle-swiper .hot-circle-list .info span.big{font-size: .8rem;}
.circle-swiper .swiper-pagination{color: #fff;font-size: .6rem;bottom: .4rem;position: relative!important;}
.circle-swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}

.index-union ul.type{margin: .4rem -.3rem 0;}
.index-union ul.type li{float: left;}
.index-union ul.type li a{margin: 0 .3rem;display: block;}
.index-union ul.type li img{width: 100%;}
#index-union-swiper{width: 100%;margin-top: .1rem;}
#index-union-swiper .swiper-slide{width: 85%;margin-right: 3%;position: relative;height: auto!important;}
#index-union-swiper .swiper-slide:last-child{margin-right: 0;}
#index-union-swiper .swiper-slide img.bg{width: 100%;height: 100%;border-radius: .5rem;overflow: hidden;}
.union-swiper .swiper-pagination{color: #fff;font-size: .6rem;position: relative!important;}
.union-swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
#index-union-swiper .info{position: absolute;bottom: .5rem;top: .5rem;left: .5rem;right: .5rem;}
#index-union-swiper .info>img{height: 100%;border-radius: .5rem;}
#index-union-swiper .info h4{color: #fff;font-weight: bold;}
#index-union-swiper .info p{color: #fff;font-size: .6rem;}
#index-union-swiper .info .aui-pull-right{width: 70%;margin-top: .6rem;}

.index-union .list{margin: .2rem -.2rem 0;}
.index-union .list .union-list{float: left;width: 50%;padding: 0 .2rem;position: relative;}
.index-union .list .back{width:100%;height:0;padding-bottom: 70%;overflow:hidden;border-radius: .5rem;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.index-union .list .info{position: absolute;bottom: 0;left: .2rem;right: .2rem;padding: 0 .3rem .2rem;border-radius: .5rem;background: url(../images/index-bg.svg) repeat-x;}
.index-union .list .info p{color: #fff;font-size: .6rem;}
.index-union .list .info span.big{font-size: .75rem;}

.special ul.type{margin: .4rem -.3rem .05rem;}
.special ul.type li{float: left;width: 33.33%;}
.special ul.type li a{display: block;margin: 0 .3rem;}
.special ul.type li a img{width: 100%;}
#special-swiper .swiper-container{width: 100%;margin-top: .5rem;}
#special-swiper .swiper-slide{width: 85%;margin-right: 5%;position: relative;padding-bottom: .3rem;}
#special-swiper .swiper-slide:last-child{margin-right: 0;}
#special-swiper .swiper-slide .out{box-shadow: 0 0 10px 0 rgba(0,0,0,.3);background: #fff;border-radius: .5rem;overflow: hidden;}
#special-swiper .pic{width: 100%;height: 8rem;position: relative;}
#special-swiper .pic>img{width: 100%;height: 100%;}
#special-swiper .pic .info{position: absolute;bottom: 0;left: 0;right: 0;padding: .5rem .5rem .2rem;color: #fff;background: url(../images/index-bg.svg) repeat-x;}
/* #special-swiper .pic .info h3{width: 60%;font-weight: bold;line-height: 2rem;} */
#special-swiper .pic .info h3{width: 60%;font-weight: bold;}
#special-swiper .pic .info div{width: 39%;text-align: right;}
#special-swiper .pic .info p{color: #fff;line-height: 1.4rem;}
#special-swiper .remark{font-size: .6rem;color: #000;padding: .3rem .5rem;font-weight: bold;}
#special-swiper .remark span{padding: 0 .2rem;font-weight: normal;}


.info-textarea{padding: .5rem;font-size: .7rem;-moz-border-radius: .4rem;-webkit-border-radius: .4rem;border-radius: .4rem;
    -moz-box-shadow:0px 0px 14px rgba(0, 0, 0, .08); -webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, .08); box-shadow:0px 0px 14px rgba(0, 0, 0, .08);}
.weituo .title{text-align: center;}
.weituo .sub-title{text-align: center;color: #9B9B9B;font-size: .65rem;}

/* .famous ul.type{margin: .4rem -.2rem 0;}
.famous ul.type li{float: left;width: 33.33%;margin-bottom: .4rem;padding: 0 .2rem;}
.famous ul.type li a{display: block;color: #333;font-weight: bold;background: #F5F5F5;text-align: center;font-size: .6rem;padding: .55rem 0;border-radius: .4rem;}
.famous ul.type li.active a{background: #38B3FF;color: #fff;} */

#famous-swiper .swiper-slide {width: 40%;margin-right: 3%;position: relative;height: auto!important;}
#famous-swiper a{display: block;background: #F5F5F5;border-radius: .5rem;padding: .5rem .7rem;}
#famous-swiper a img{width: 100%;height: 4rem;display: block;}

.mainad{padding: .5rem 0;margin: 0 .9rem;}
.mainad img{width: 100%;display: block;}

.index-tui .tui-list{background: #F5F5F5;border-radius: .5rem;padding: .5rem;margin-top: .4rem;}
.index-tui .tui-list .inner{height: 6rem;overflow: hidden;}
.index-tui .tui-list li{position: relative;padding-bottom: .4rem;}
.index-tui .tui-list li a{padding-right: 3.8rem;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;font-size: .6rem;color: #47B8FE;font-weight: bold;}
.index-tui .tui-list li span.time{font-size: .6rem;color: #c4c4c4;position: absolute;right: 0;top: 0;}

.index-footer{border-top: 1px solid #EFF0EF;padding-top: .5rem;margin: 0 .75rem .75rem;}
.index-footer p{margin-bottom: .3rem;}
.index-footer p a{color: #333;font-weight: bold;font-size: .6rem;padding-right: .2rem;}

/* .n-zhizu{background: #38B3FF;font-size: .6rem;border-radius: 1rem;padding: 0 .25rem;display: inline;margin-left: .2rem;}
.n-zhizu small{color: #fff;} */
.zhizu-plan{display: inline-block;background: #FEF5DA;font-size: .6rem;padding: 0 .1rem;line-height: .8rem;}
.zhizu-plan small{color: #FFB91A;}

.index-tui .aui-list{background: transparent;border: none;background-image: none;}
.index-tui .aui-list:before, .aui-list:after{height: 0;}
.index-tui .aui-list .aui-list-item{background: transparent;padding-left: 0;}
.index-tui .aui-list .aui-list-item-media{height: 5.1rem;width: 5.5rem;padding-right: .4rem;}
.index-tui .aui-list .aui-list-item-media>img{height: 100%;border-radius: .4rem;overflow: hidden;}
.index-tui .aui-list .aui-list-item-media>a{position: absolute;top: .5rem;left: 0;}
.index-tui .aui-list .aui-list-item-inner{display: block;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-right: 0;width: calc(100% - 5.6rem);}
.index-tui .aui-list .aui-list-item-inner .aui-info{font-size: .6rem;padding: 0;}
.index-tui .aui-list-item-title{color: #333;font-weight: bold;font-size: .7rem;width: 100%;max-width: 100%;}
.index-tui .aui-list-item-tag{display: inline-block;}
.index-tui .zhizu-plan{display: inline-block;background: #FEF5DA;color: #FFB91A;font-size: .6rem;padding: 0 .1rem;line-height: .8rem;}
.index-tui span.blue{color: #38B3FF;font-weight: bold;font-size: .9rem;line-height: .9rem;}
.index-tui span.black{color: #464B5D;font-weight: bold;font-size: .9rem;}
.index-tui span.mianji{color: #333;}
.index-tui span.fresh{color: #898B9B;padding-left: .5rem;}
.index-tui a.traffic{display: block;color: #898B9B;background: #F3F3F3;padding: 0 .2rem;margin-right: .2rem}
.index-tui a.traffic:last-child{margin-right: 0;}
.aui-info-item{-webkit-box-align: baseline;-webkit-align-items: baseline;align-items: baseline;}

.black-main{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.black-main .video-js{width: 100%;height: 100%;background: rgba(0, 0, 0, .8);}
.black-main .close-button{z-index: 110;position: absolute;right: 20px;top: 20px;color: #fff;font-size: .7rem;cursor: pointer;padding: 3px 10px;border-radius: 20px;border: 1px solid #fff;}

.first-img{position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;z-index: 100;background: url('../images/h-2.jpg') no-repeat center;background-size: cover;}
.first-img a.search-btn {position: absolute;line-height: 2rem;display: inline-block;width: 35%;border: 1px solid #fff;
    font-size: .7rem;color: #fff;text-align: center;bottom: 20%; left: 0;right: 0;margin: auto;}



